<template>
  <main>
    <div class="box">
      <h2> </h2>
      <div class="main">
        <el-table
          stripe
          :data="tableData"
          border
          style="width: 100%"
          height="calc(100vh - 300px)"
        >
          <el-table-column fixed prop="date" label="日期" width="150">
          </el-table-column>
          <el-table-column prop="name" label="申请人" width="120">
          </el-table-column>

          <el-table-column prop="address" label="地址" width="500">
          </el-table-column>
          <el-table-column prop="zip" label="邮编" width="120">
          </el-table-column>
          <el-table-column prop="city" label="状态" width="120">
          </el-table-column>
          <el-table-column prop="addtype" label="申请类型" width="150">
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="100">
            <el-button type="text" @click="open">查看</el-button>
          </el-table-column>
        </el-table>
        <el-dialog
          title="提示"
          :visible.sync="dialogVisible"
          width="50%"
          :before-close="handleClose"
        >
          <el-steps :active="1">
            <el-step title="步骤 1" description="材料审核"></el-step>
            <el-step title="步骤 2" description="回访进行中"></el-step>
            <el-step title="步骤 3" description="回访结束"></el-step>
          </el-steps>

          <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false"
              >确 定</el-button
            >
          </span>
        </el-dialog>
      </div>
    </div>
  </main>
</template>

<script>
export default {
  name: "ApplicationStatus",
  methods: {
    handleClick(row) {
      console.log(row);
    },
    open() {
      this.dialogVisible = true;
    },
  },

  data() {
    return {
      dialogVisible: false,
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          addtype: "个人申请",
          zip: 200333,
        },
      ],
    };
  },
};
</script>

<style scoped>
.box {
  width: 80%;
  margin: 0 auto;
}
.box h2 {
  text-align: center;
  margin: 20px;
}
.box1 {
  float: left;
  margin-top: 50px;
  width: calc(100% / 3);
}
.box1 h3 {
  text-align: center;
  margin: 30px 0;
  font-size: 20px;
}
.box1 p {
  text-align: center;
}
</style>
